﻿/*
Theme Name: 老薛主机
Author URI: http://www.dami.ws
Description: 老薛主机
Author: dami
Version: 1.0.0
License: 
Copyright: (c) 2014 dami.ws
*/
body { font-size: 14px; font-family: Microsoft YaHei,Arial; color: #333333; }
ul { padding: 0; margin: 0; }
li { list-style: none; }
a{ color: #333; text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;}
a:hover{text-decoration:none;color:#00A7EB}
a:active,a:hover{outline:0}
.c { clear: both; border: 0px; }
.container { max-width: 1100px; margin: 0px auto; }

.head { padding: 20px 0px;}
/*
.head-bg { background: url(../images/f695e9ade9fe48588fc7664d46afd2a5.gif); }
*/

.head .logo { float: left; }
.head .logo img { width: 193px; height: 50px; }
.head .nav-box { padding: 10px 0px; }
.head .nav { float: left; margin-left: 50px;  }
.head .nav ul { float: left; }
.head .nav ul li { float: left; }
.head .nav ul li a { display: block; padding: 0px 20px; line-height: 50px; font-size: 16px; position: relative; }
.head .nav ul li a i { display: none; position: absolute; text-align: center; margin-top: -10px; left: 46px; }
.head .nav ul li a:hover { color: #1faae5; }

.head .user { float: right; height: 50px; line-height: 50px; }
.head .user a { font-size: 16px; }
.head .user .l { background: #71bb63; color: #FFF; padding: 5px 20px; border-radius: 3px; }
.head .user .l:hover { background: #529944;  } 
.head .user .r { margin-right: 20px; }

.dropdown-box { }
.dropdown-box .dropdown-nav { display: none; padding: 80px 0px 20px; text-align: center; text-indent: -56px; border-top: 1px solid #cccccc;}
.dropdown-box .dropdown-nav li { display: inline-block; text-align: center; padding-bottom: 10px;}
.dropdown-box .dropdown-nav li i { font-size: 50px; color: #666; }
.dropdown-box .dropdown-nav li:hover i , .dropdown-box .dropdown-nav li:hover a { color: #1faae5; }

.dropdown-box .dropdown-vhost { text-indent: -56px; }
.dropdown-box .dropdown-vhost li { margin: 0px 50px; }
.dropdown-box .dropdown-vps { text-indent: -56px; }
.dropdown-box .dropdown-vps li { margin: 0px 50px; }
.dropdown-box .dropdown-other { text-indent: -56px; }
.dropdown-box .dropdown-other li { margin: 0px 50px; }

.dropdown-box ul {
	width: 90%;
	margin: 0 auto;
}
.dropdown-box li { width: 16.66%; }

.dropdown-box li a {
	padding-top: 55px;
}
.dropdown-box li a span {
	background-color: #fff;
}
.dropdown-about .aboutlink {
	background: url(../images/company-one.png) center top no-repeat;
}
.dropdown-about .bloglink {
	background: url(../images/communication-icon-1.png) center top no-repeat;
}
.dropdown-about .datalink {
	background: url(../images/service-three.png) center -128px no-repeat;
}
.dropdown-about .speciallink {
	background: url(../images/communication-icon-4.png) center top no-repeat;
}
.dropdown-about .affiliatelink {
	background: url(../images/company-five.png) center top no-repeat;
}
.dropdown-about .contactlink {
	background: url(../images/company-four.png) center top no-repeat;
}

.dropdown-about .aboutlink:hover {
	background-position: center -61px;
}
.dropdown-about .bloglink:hover {
	background-position: center -86px;
}
.dropdown-about .datalink:hover {
	background-position: center 0px;
}
.dropdown-about .speciallink:hover {
	background-position: center -83px;
}
.dropdown-about .affiliatelink:hover {
	background-position: center -61px;
}
.dropdown-about .contactlink:hover {
	background-position: center -61px;
}

.dropdown-host .taokelink {
	background: url(../images/taoke-nav.png) center 10px no-repeat;
}
.dropdown-host .resellerllink {
	background: url(../images/reseller-nav.png) center 2px no-repeat;
}
.dropdown-host .hostlink {
	background: url(../images/service-one.png) center -126px no-repeat;
}
.dropdown-host .diylink {
	background: url(../images/service-two.png) center -90px no-repeat;
}
.dropdown-host .taokelink:hover {
	background-position: center -90px;
}
.dropdown-host .resellerllink:hover {
	background-position: center -88px;
}
.dropdown-host .hostlink:hover {
	background-position: center 3px;
}
.dropdown-host .diylink:hover {
	background-position: center 15px;
}

.fullSlide { position: relative; color: #FFF; }
.fullSlide a { color: #FFF; }
.fullSlide .bd ul li { display: block; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; text-align: center; height: 440px; }
.fullSlide .bd ul li h1 { padding-top: 55px; font-size: 3.5em; letter-spacing: 10px; }
.fullSlide .bd ul li p { font-size: 1.5em; letter-spacing: 5px; line-height: 2.5em; }
.fullSlide .bd ul li a { background: #2aa9df; text-transform: none; font-size: 16px; border-radius: 35px;  padding: 14px 45px;margin-top: 10px; }
.fullSlide .bd ul li a:hover { background: #1c91c3; }
.fullSlide .prev , .fullSlide .next,.notice .evaluate-loop .prev,.notice .evaluate-loop .next { font-size: 36px; display: block; background: #FFF; border-radius: 50%; width: 50px; height: 50px; line-height: 46px;  position: absolute; z-index: 999; top: 50%; margin-top: -25px; color: #1faae5; }
.fullSlide .prev:hover , .fullSlide .next:hover { color: #333; }
.fullSlide .prev { left: 2%; text-indent: 8px; }
.fullSlide .next { right: 2%; text-indent: 10px;  }

.notice { background: url(../images/newsbar.png) no-repeat; width: 100%; background-size: 100%; padding: 10px 0px; color: #FFF; font-size: 16px; }
.notice span { display: block; float: left; }
.notice .loop-notice { float: left; }
.notice ul { height: 85px; }

.notice {background: #0071a2; background: -webkit-gradient(left top, left bottom, color-stop(0%, #0071a2), color-stop(100%, #219dd2)); background: -webkit-linear-gradient(top, #0071a2 0%, #219dd2 100%); background: linear-gradient(to bottom, #0071a2 0%, #219dd2 100%); }
.notice .evaluate-loop { position: relative; padding: 0px 80px; }
.notice .evaluate-loop li .left { float: left; width: 60%; background: url(../images/quote.png) no-repeat; padding-left: 80px; }
.notice .evaluate-loop li .right { float: right; width: 20%; background: #00638c; border-radius: 10px; padding: 20px;}
.notice .evaluate-loop li .right span { display: block; width: 100%; }
.notice .evaluate-loop li .right span.url { font-weight: bold; }

.notice .evaluate-loop .prev { left: 2%; text-indent: 6px; }
.notice .evaluate-loop .next { right: 2%; text-indent: 8px; }
.notice .evaluate-loop .prev, .notice .evaluate-loop .next {
	width: 40px;
    height: 40px;
	line-height: 36px;
	margin-top: -20px;
}
.domain-reg { padding: 80px 0px;  }
.domain-reg .container { position: relative; }
.domain-reg .input-box { width: 800px; margin: 0px auto; }
.domain-reg .input-box h3 { text-align: center; font-weight: normal; font-size: 26px; margin-bottom: 40px; margin-top: 0; }
.domain-reg input { width: 60%; padding: 15px 0px; border-radius: 30px 0px 0px 30px; border: 1px solid #DDD; text-indent: 24px; display: block; float: left; }
.domain-reg input:focus { border: 1px solid #2aa9df; outline: 0; }
.domain-reg .hz-btn { display: block; float: left; width: 20%; padding: 15px 0px; text-align: center; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; overflow: hidden;  }
.domain-reg .hz-btn .info { display: inline-block; text-indent: -24px; }
.domain-reg .hz-btn span { background-color: #03b2e2; color: #fff; padding: 3px 6px 2px; margin-right: 10px; border-radius: 3px; }
.domain-reg .hz-btn i { margin-left: 10px; margin-top: 0px; position: absolute; }
.domain-reg button { background: #2aa9df; text-transform: none; font-size: 14px; border: none; color: #FFF; padding: 16px 0px; letter-spacing: 5px; width: 19%; border-radius: 0px 30px 30px 0px; }

.domain-reg .tlds { display: none; position: absolute; width: 200px; border: 1px solid #DDD; background: #FFF; border-radius: 5px; box-shadow: 0 6px 12px rgba(0,0,0,.175); padding: 10px 0px; margin-top: 10px; }
.domain-reg .tlds li { padding: 10px 0px; padding-left: 15px; display: block; clear: both; }
.domain-reg .tlds li:hover { cursor: pointer; background-color: #f5f5f5; }
.domain-reg .tlds li span { background-color: #03b2e2; color: #fff; padding: 3px 6px 2px; margin-right: 10px; border-radius: 3px; }

.promobox { background: url(../images/networkbg_2.jpg) center center no-repeat;  background-size: cover; color: #fff; text-align: center; padding: 50px 0px 50px 0px;}
.promobox h3 ,.promobox h4 { color: #fff; font-weight: 100; font-size: 28px; line-height: 1.5em; }
.promobox a { background: #a80000; text-transform: none; font-size: 13px; border-radius: 35px;  padding: 14px 45px; margin-top: 10px; color: #FFF; font-size: 18px; }

.index-product { margin: 80px 0px; }
.index-product .item { float: left; width: 29%; box-shadow: -4px 0px 47px 1px rgba(0,0,0,0.12); margin-left: 3%; padding: 35px 0px; text-align: center; }
.index-product .item .icon-server { background: url(../images/baremetal.png) no-repeat; width: 100px; height: 130px; margin: 0px auto; }
.index-product .item .icon-vps { background: url(../images/remoteddos.png) no-repeat; width: 120px; height: 130px; margin: 0px auto; }
.index-product .item .icon-vhost { background: url(../images/vpshosting.png) no-repeat; width: 128px; height: 130px; margin: 0px auto; }
.index-product .item h2 { font-weight: 100; font-size: 22px; }
.index-product .item p { font-size: 16px; line-height: 2em; }
.index-product .item p strong { display: block; margin-top: 20px;}
.index-product .item .btn-explore { position: relative; top: 41px; }
.index-product .item .btn-explore a { background: #2aa9df; text-transform: none; font-size: 13px; border-radius: 35px;  padding: 14px 45px; color: #FFF; }
.index-product .item .btn-explore a:hover { background: #1c91c3; }

.why-box { background: url(../images/mapbg.png) no-repeat; background-size: cover; padding: 50px 0px; color: #FFF; text-align: center; }
.why-box h2 { font-weight: 200; font-size: 28px; }
.why-box p { font-size: 16px; line-height: 2em; }
.why-box span { display: inline-block; background: #FFF; text-transform: none; font-size: 13px; border-radius: 35px;  padding: 14px 45px; color: #319fa7; margin: 20px 10px 0px; font-size: 16px; }

.evaluate { text-align: center; padding: 50px 0px; }
.evaluate h2{ font-size: 26px; font-weight: 100; }
.evaluate .evaluate-loop { width: 600px; margin: 0px auto; }
.evaluate ul li p { font-size: 16px; color: #666; line-height: 2em; }
.evaluate ul li span { display: block; }
.evaluate ul li span.name { font-weight: bold; font-size: 16px; }
.evaluate ul li span.url { margin-top: 5px; }
.evaluate a { font-size: 50px; position: absolute; top: 35%; color: #999; }
.evaluate a:hover { color: #333; }
.evaluate .container { position: relative; }
.evaluate .prev { left: 0px; }
.evaluate .next { right: 0px; }

.typical {  text-align: center; background: #EFEFEF; padding: 50px 0px; }
.typical h2 { font-weight: 100; font-size: 26px; padding-bottom: 20px; margin-top: 0px; }
.typical a { display: inline-block; margin: 0px 20px; }
.typical a img { width: 160px; height: 70px; }

.banner { height: 190px; color: #FFF; text-align: center; }
.banner h1 { padding-top: 28px; font-weight: 100;  margin: 0; font-size: 50px;}
.banner h2 { font-size: 26px; font-weight: 100;  }
.banner a.btn { background: #2aa9df; text-transform: none; border-radius: 35px;  padding: 14px 45px;margin-top: 50px; color: #FFF; font-size: 18px; display: inline-block; }
.banner a.btn:hover { background: #1c91c3; }
.vhost .banner { background: url(../images/server-rack.jpg) center center no-repeat; background-size: cover;  }

.vhost .vhost-item { padding: 50px 0px 0px; font-size: 14px; }
.select-box .hd ul { display: inline-block; }
.select-box .hd .title { margin-right: 10px; display: inline-block; letter-spacing: 2px; }
.select-box .hd ul li { text-align: center; display: inline-block; color: #a5a4a4; font-size: 13px; background: #f1f1f1; letter-spacing: 2px; padding: 12px 25px;  border-radius: 4px;  line-height: 1; cursor: pointer; }
.select-box .hd ul li a { color: #a5a4a4; }
.select-box .hd ul li.on { background: #1FAAE5; color: #FFF; }
.select-box .hd ul li.on a { color: #FFF; }

.select-box .items { margin-top: 50px; }
.vhost .select-box .items .item { border: 2px solid #19242f; border-radius: 5px; width: 31%; float: left; margin-right: 2%; margin-bottom: 50px; -webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; }
.vhost .select-box .items .end { margin-right: 0; }
.vhost .select-box .items .item .head { text-align: center; border-bottom: 1px solid #19242f; margin: 0px 10px; }
.vhost .select-box .items .item:hover { background: #19242f; color: #FFF; }
.vhost .select-box .items .item .head h3 { font-size: 30px; font-weight: 500; margin: 10px 0px; }
.vhost .select-box .items .item .head h4 { font-size: 20px; font-weight: 500; margin: 10px 0px 5px; }
.vhost .select-box .items .item .head h5 { font-size: 16px; font-weight: 500; margin: 5px 0px; }
.vhost .select-box .items .item .head h4 span ,.vhost .select-box .items .item .head h5 span { color: #1FAAE5; }
.vhost .select-box .items .item .head i { font-size: 60px; color: #03b2e2; }
.vhost .select-box .items .item .foot { max-width: 300px; width: 80%; margin: 0px auto; padding: 20px 0px; }
.vhost .select-box .items .item .foot li { margin: 10px 0px; }
.vhost .select-box .items .item .foot li i { margin-right: 10px; }
.vhost .select-box .items .item .buy { display: block; width: 80%; background: #03b2e2; margin: 0px auto 20px; color: #FFF; border: 2px solid #03b2e2; border-radius: 30px; padding: 10px 0px; text-align: center; text-indent: -5px; }
.vhost .select-box .items .item .buy:hover { border-color: #FFF; }
.vhost .select-box .items .item .buy i { margin-right: 10px; }

.vhost .select-box .items .v-conter { text-align: center; }
.vhost .select-box .items .v-conter .item { display: inline-block; float: none; text-align: left; }

.index-host {
	margin: 50px 0;
	color: #19242f;
}
.index-host i { font-size: 60px; color: #03b2e2; }
.index-host .title-top .button {
	text-align: center;
}
.index-host .title-top .button a {
	
}
.index-host .title-top a.btn { background: #2aa9df; text-transform: none; font-size: 13px; border-radius: 35px;  padding: 14px 45px; color: #FFF; width:120px;display:inline-block; margin: 20px auto 50px auto;}
.index-host .title-top a.btn:hover { background: #1c91c3; }
.index-host .title-top a.btn-blue {margin-left: 1em;}
.index-host .item {
	width: 25%;
	float: left;
}
.index-host i { font-size: 60px; color: #03b2e2; }
.index-host .title-top h2 {
	font-weight: normal;
    font-size: 26px;
	color: #19242f;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0;
}

.index-host .title-top h3 {
	font-size: 16px;
	color: #19242f;
	font-family: 'Titillium Web',sans-serif;
	font-weight: 300;
	margin-top: 10px;
	text-align: center;
}
.pricing-col {
	text-align: center;
	border: 2px solid #19242f;
	padding: 20px 20px 30px 20px;
	margin-left: 20px;
	border-radius: 6px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.item-1 .pricing-col {
	margin-left: 0;
}
.pricing-col:hover {
	background-color: #19242f;
	color: #fff;
}

.pricing-col h3 {
	font-size: 30px;
	margin: 10px 0;
	font-weight: normal;
	text-transform: uppercase;
}


.pricing-col h4 {
	font-weight: normal;
}
.pricing-col p {
	font-weight: 400;
	line-height: 1.7;
}

.pricing-col hr {
	border-color: #19242f;
}

.pricing-col .pricing {
}

.pricing-col .pricing span {
	display: block;
	color: #03b2e2;
	line-height: 2;
	font-size: 25px;
	font-weight: 900;
}

.pricing-col .pricings {
	padding-top: 5px;
}

.pricing-col .pricings span {
	display: inline;
	color: #03b2e2;
	line-height: 1;
	font-size: 20px;
	font-weight: 900;
}

.pricing-col .pricings .monthlyp,.pricing-col .pricings .monthlyp span {
	font-size: 24px;
}
.pricing-col .btn-green {
    background-color: #79d156;
    border-radius: 50px;
    padding: 7px 30px;
    color: #fff;
    border: 2px solid #79d156;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-left: 20px;
}
.pricing-col .btn-green:hover {
	border: 2px solid #fff;
	color: #fff;
}

.index-agent {
	height: 160px;
	background: url(../images/agent.png);
	color: #ffffff;
}
.index-agent .dsc {
	float: left;
	width: 70%;
	font-size: 24px;
	margin-top: 30px;
}
.index-agent .dsc p {
	margin: 10px 0;
}

.index-agent .btn-explore {
	float: right;
	width: 30%;
}
.index-agent .btn-explore .btn {
	color: #d61818;
    font-size: 18px;
    padding-left: 100px;
    padding-right: 100px;
    background: #ffffff;
    font-weight: bold;
	display: block;
	width: 4em;
	height: 50px;
	line-height:50px;
	margin-top: 55px;
	border-radius: 7px;
}
.sla { padding: 60px 20px; background: #19242f; color: #fff; text-align: center; }
.sla h3 { font-size: 28px; font-weight: 100; margin: 5px 0px; }
.sla p {
	font-size: 18px;
}
.specs { padding: 60px 0; }
.specs h2 { text-align: center; font-size: 26px;  }
.specs .item { float: left; width: 30%; margin-left: 5%; margin-top: 20px; }
.specs .item-1 { margin-left: 0;}
.specs .item img { width: 80px; float: left; }
.specs .item .info { float: left;  margin-left: 10px; }
.specs .item .info h4 { margin: 0; font-size: 18px; font-weight: 600; }
.specs .item .info li { margin: 15px 0; }

.softaculous { background: #f6f6f6; padding: 50px 0 200px 0; margin: 50px 0px; overflow:hidden; }
.softaculous .container {position: relative; }

.softaculous .fl {width:50%;}
.softaculous .fl h2 , .transfer h2 { font-size: 26px; }
.softaculous .fl ul , .transfer ul { margin-top: 50px; }
.softaculous .fl ul li , .transfer ul li { margin: 10px 0px; }
.softaculous .fl ul li i , .transfer ul li i { margin-right: 10px; }
.softaculous img { width: 980px; position: absolute; right: -400px; top: 0px; }

.transfer { padding: 0 0 200px 0; overflow:hidden; }
.transfer .container { position: relative; }
.transfer img { width: 980px; position: absolute; left: -400px; top: 20px; }
.transfer .fr { float: right;width:50%; }

.row:before,.row:after {
    content:" ";
    display:table
}
.row:after {
    clear:both
}

.slogan { text-align: center; margin-bottom: 100px; font-size: 16px; }
.slogan h1 { font-weight: 100; }

.advantage { text-align: center; margin-top: 80px; }
.advantage h2 { font-weight: 100; font-size: 26px; text-indent: -30px; margin-bottom: 50px; }
.advantage .items { padding: 0px 50px; }
.server .advantage .items { padding: 0px; }
.advantage .item i { display: block; background: url(../images/gradient-icons.png) no-repeat; width: 100px; height: 70px; position: absolute; top: 50px; left: 20px;  }
.advantage .item { width: 30%; float: left; background: #f7f7f7; position: relative; margin-right: 1%; margin-bottom: 20px; height: 88px; border-radius: 5px; padding: 40px 40px 40px 14%; text-align: left; }
.server .advantage .item { width: 49%; margin-right: 0; margin-left: 2%;box-sizing:border-box; height: 180px;}
.server .advantage .item-1,
.server .advantage .item-3,
.server .advantage .item-5 {margin-left:0;}
.advantage .item h3 { margin: 0px 0px 0px 0px; color: #1faae5; font-size: 16px; }
.advantage .item p { color: #888888; margin: 10px 0px 0px; line-height: 2em; }
.advantage .item .icon-one { background-position: center 0; }
.advantage .item .icon-two { background-position: center -70px; }
.advantage .item .icon-three { background-position: center -147px; }
.advantage .item .icon-four { background-position: center -223px; }
.advantage .item .icon-five { background-position: center -300px; }
.advantage .item .icon-six { background-position: center -377px; }


.vps .banner { background: url(../images/networkbg_2.jpg) center center no-repeat; background-size: cover;  }

.vps .vps-item { margin: 50px 0px; }
.vps .vps-item .items { border: 1px solid #e8e8e8; padding: 30px; background: #19242f; }
.vps .vps-item .slider-row { margin-bottom: 50px; }
.vps .vps-item .slider-box { background-color: #fff; border: 1px solid #dddddd; width: 73%; padding: 15px 25px; box-sizing:border-box;border-radius: 8px; float: left; }
.vps .vps-item .slider { 
background: #03b2e2;
background: linear-gradient(to right,#03b2e2 0%,#0488e0 100%);height: 15px; border-radius: 5px; position: relative; }

.vps .vps-item .slider .ui-slider-handle { 
background: #fff; border-radius: 100%; position: absolute; top: -4px; z-index: 999; margin-left: -0.6em; outline: none; -webkit-transition:none; -o-transition:none;transition:none; 
height: 24px;
width: 24px;
box-shadow: 0px 0px 0px 5px rgba(135,135,135,0.3);
}
.diy .vps-item .slider .ui-slider-handle {
height: 20px;
width: 20px;
top: -2px;
box-shadow: 0px 0px 0px 3px rgba(255,255,255,0.3);
}
/*.ui-slider-handle:before {
    content: "\f07e";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0,0);
    line-height: 24px;
    font-size: 24px;
    color: #03b2e2;
}*/
/*.diy .ui-slider-handle:before {
	line-height: 20px;
    font-size: 20px;
}*/
.vps .vps-item .slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; background: #EEE; height: 15px; right: 0; border-radius: 3px; }
.vps .vps-item .slider-row .buy-box { float: right; width: 25%; height: 46px; }
.vps .vps-item .slider-row .buy-box a { width: 100%; line-height: 46px; text-align: center; color: #fff; display: inline-block; border: 0px; text-transform: uppercase; text-decoration: none; letter-spacing: 10px; border-radius: 4px; background: #71bb63; }
.vps .vps-item .slider-row .buy-box a:hover { background: #529944; }
.vps .vps-item .vps-box .configure { float: left; width: 73%; }
.vps .vps-item .vps-box .price-box { float: right; background-color: #fff; border: 1px solid #dddddd; padding: 140px 10px; box-sizing:border-box; width: 25%; text-align: center; }
.diy .vps-item .vps-box .price-box {
padding: 60px 10px;
}
.vps .vps-item .vps-box .price-box .title { text-transform: uppercase; letter-spacing: 1.5px; color: #bababa; font-weight: normal; text-align: center; margin-top: 0px; margin-bottom: 20px; font-size: 16px; }
.vps .vps-item .vps-box .price-box .price { color: #1faae5; letter-spacing: 1.5px; font-size: 18px; }
.vps .vps-item .vps-box .price-box .price em { font-size: 48px; font-style: normal; }
.vps .vps-item .vps-box .price-box .per-month { color: #1faae5; margin-top: 10px; font-size: 18px; }
.vps .vps-item .vps-box .configure .icon-1 , 
.vps .vps-item .vps-box .configure .icon-2 , 
.vps .vps-item .vps-box .configure .icon-3 , 
.vps .vps-item .vps-box .configure .icon-4 , 
.vps .vps-item .vps-box .configure .icon-5 { 

background: url(../images/vps-blue-icons.png) no-repeat; box-sizing: border-box;float: left; text-align: center; padding: 30px 0; width: 48%; background-color: #fff; border: 1px solid #dddddd; margin-left: 4%; margin-bottom: 20px; }
.vps .vps-item .vps-box .configure .icon-1 ,
.vps .vps-item .vps-box .configure .icon-3 , 
.vps .vps-item .vps-box .configure .icon-5 {
	margin-left: 0;
}

.vps .vps-item .vps-box .configure h2 { font-size: 20px; font-weight: normal; color: #1faae5; margin: 2px 0px 0px; }
.vps .vps-item .vps-box .configure span { font-size: 20px; line-height: 36px; }
.vps .vps-item .vps-box .configure .icon-1 { background-position: 30px 28px; }
.vps .vps-item .vps-box .configure .icon-2 { background-position: 30px -90px; }
.vps .vps-item .vps-box .configure .icon-3 { background-position: 30px -207px; }
.vps .vps-item .vps-box .configure .icon-4 { background-position: 30px -423px; }
.vps .vps-item .vps-box .configure .icon-5 { background-position: 30px -321px; }
.vps .vps-item .vps-box .info { color: #E5E5E5; margin: 50px 0px 0px; }
.vps .vps-item .vps-box .info h3 { font-size: 20px; font-weight: 100; color: #E1E1E1; }

.vps .evaluate { background: #f7f7f7; }

.vps .advantage .items { padding: 0px; }
.vps .advantage .item {  width: 32%; height: 270px; padding: 50px 30px 30px 30px; margin: 0px 0 20px 2%; box-sizing: border-box; text-align: center; border-radius: 3px; }
.vps .advantage .item-1,
.vps .advantage .item-4,
.vps .advantage .item-7 {
	margin-left: 0;
}
.vps .advantage .item h2 { margin: 0px; text-indent: 0; color: #1faae5; font-size: 20px; font-weight: 100; margin: 5px 0px; }
.vps .icon-vps-1 , .vps .icon-vps-2 , .vps .icon-vps-3 , .vps .icon-vps-4 , .vps .icon-vps-5 , .vps .icon-vps-6 , .vps .icon-vps-7 , .vps .icon-vps-8 , .vps .icon-vps-9 { background: url(../images/vps-icons.png) no-repeat; width: 100%; height: 65px; }
.vps .icon-vps-1 { background-position: center 0; }
.vps .icon-vps-2 { background-position: center -107px; }
.vps .icon-vps-3 { background-position: center -214px; }
.vps .icon-vps-4 { background-position: center -317px; }
.vps .icon-vps-5 { background-position: center -417px; }
.vps .icon-vps-6 { background-position: center -529px; }
.vps .icon-vps-7 { background-position: center -618px; }
.vps .icon-vps-8 { background-position: center -734px; }
.vps .icon-vps-9 { background-position: center -834px; }

.server .server-list { padding: 50px 0px 0 0; }
.server .server-list .items table { width: 100%; }
.server .server-list .items table thead tr th { background: #1faae5; color: #FFF; font-size: 16px; padding: 15px 0px; }
.server .server-list .items table thead tr .start { border-radius: 8px 0px 0px 0px; }
.server .server-list .items table thead tr .end { border-radius: 0px 8px 0px 0px; }
.server .server-list .items table tbody tr td { font-size: 14px; padding: 20px 0px; border-bottom: 1px solid #fff; background: #f8f8f8; text-align: center; color: #555; position: relative; }
.server .server-list .items table tbody tr td span { display: block; padding: 5px 0px; }
.server .server-list .items table tbody tr td i { margin-right: 1em; width: 1em; background: #1FAAE5; color: #FFF; padding: 5px 8px;  }
.server .server-list .items table tbody a { margin:0 auto; background: #71bb63; padding: 6px 25px; font-size: 13px; letter-spacing: 1px; font-weight: normal; max-width: 88px;  width: 100%; color: #FFF; border-radius: 3px;  display: block; text-align: center; }
.server .server-list .items table tbody a:hover { background: #529944; }   
.server .server-list .items table tbody tr.collapse-info td { padding: 20px; }
.server .server-list .items .collapse-info { display: none; }
.server .collapse-table { background: #FFF; border-radius: 8px; padding: 20px 20px; }
.server .row { border-bottom: 1px solid #f2f2f2; padding: 10px 0px; text-align: left; }
.server .row .col { float: left; width: 33.33%; margin: 20px 0px; }
.server .row .col h2 { margin: 0px; font-size: 18px; font-weight: 500; }
.server .row .col p { color: #777; margin: 0; }
.server .row .col img { float: left; margin-right: 10px; margin-top: 3px; }
.server .collapse-info .row .col a { margin: 5px 0 0 0; }
.server .end { border: none; }

.domain .domain-reg .domain-hz { margin-top: 40px; }
.domain .banner { background: url(../images/domain-bg.jpg) center center no-repeat; background-size: cover;  }

.domain .domain-list { width: 96%; margin: 50px auto 0px; }
.domain .domain-list table , .server-list table { width: 100%; }
.domain .domain-list table thead tr th , .server-list table thead tr th { background: #1faae5; color: #FFF; font-size: 16px; padding: 8px 0px; }
.domain .domain-list table thead tr .start , .server-list table thead tr .start { border-radius: 8px 0px 0px 0px; }
.domain .domain-list table thead tr .end , .server-list table thead tr .end { border-radius: 0px 8px 0px 0px; }
.domain .domain-list table tbody tr td , .server-list table tbody tr td { font-size: 14px; padding: 5px 0px; border-bottom: 1px solid #fff; background: #f8f8f8; text-align: center; color: #555; }

.banner-nav { background: url(../images/company-background.jpg) no-repeat; background-size: cover; padding: 80px 0px; height: auto; }
.banner-nav ul { text-align: center; }
.banner-nav ul li { display: inline-block; color: #FFF;  }
.banner-nav ul li a { color: #FFF; font-size: 18px; margin: 0px 15px; padding-bottom: 10px; letter-spacing: 5px; }
.banner-nav ul li .hover { border-bottom: 3px solid #1faae5;}

.about .content , .data .content { padding: 50px 0px; line-height: 2.5em; }
.about .content h3 { color: #555; }
.about .content h3.who { display: inline-block; }
.about .content p { color: #787878; }
.about .content .logo { float: right; margin-left: 100px; margin-top: 25px; background: #333; padding: 50px; border-radius: 5px; }
.about .staff-list .six { width: 50%; box-sizing:border-box;float: left; min-height: 1px; padding: 0 15px; position: relative; margin: 20px 0; line-height: 2em; }
.about .staff-list .six h6 { margin: 0px; padding: 0px; font-size: 16px; margin-top: -5px; }

.about .staff-list .six .staff-thumb { float: left; width: 100px; }
.about .staff-list .six .staff-thumb img { padding: 6px; -moz-box-shadow: 0 0 4px #b8b8b8; -webkit-box-shadow: 0 0 4px #b8b8b8; box-shadow: 0 0 4px #b8b8b8; background-color: #fafafa;    border: 1px solid #ffffff; }
.about .staff-list .six .staff-content {  margin-left: 130px; margin-bottom: 10px; }
.about .staff-list .six .staff-content p { margin: 0; }
.about .staff-list .six .staff-content .staff_social { border:0;border-bottom: 1px solid #EFEFEF; margin: 5px 0px; }

.data .choose-location { background: #072847; color: #FFF; text-align: center; padding: 30px 0px 20px; }
.data .choose-location ul li { display: inline-block; font-size: 16px; margin: 0px 15px; border-bottom: 3px solid #072847; padding-bottom: 5px; }
.data .choose-location ul li:hover , .data .choose-location ul .on { cursor: pointer; border-bottom: 3px solid #1faae5; padding-bottom: 5px;  }

.data .safe { margin-top: 50px; }
.data .banner-nav { background: url(../images/background-datacenter.jpg) no-repeat;  background-size: cover; }
.data .safe .item { height: 120px;margin-top: 30px;box-sizing:border-box;padding: 0px 30px 0px 145px;  background: url(../images/color-icons.png) 0px 0px no-repeat; width: 50%; float: left; }
.data .safe .item h2 { margin: 0; color: #1faae5; }
.data .safe .item p { margin: 0; line-height: 2em; }
.data .safe .icon-1 { background-position: 0 11px; }
.data .safe .icon-2 { background-position: 16px -112px; }
.data .safe .icon-3 { background-position: 0 -267px; }
.data .safe .icon-4 { background-position: 16px -385px; }

.data .item .dataSlide { float: right; width: 25%;margin-left: 2%;margin-top: 50px; position: relative; }
.data .item .dataSlide li img { width: 100%; height:auto; }
.data .item .text { float: left; width: 73%; height:auto; }
.data .item .dataSlide .prev-1 , .data .item .dataSlide .next-1 { position: absolute; border-radius: 100%; background: #FFF; top: 40%; width: 30px; height: 30px; font-size: 26px; text-align: center; line-height: 28px; }
.data .item .dataSlide .prev-1 { left: 10px; }
.data .item .dataSlide .next-1 { right: 10px; }

.contact { color: #333; line-height: 2em; }
.contact .banner-nav { background: url(../images/contact-bg.jpg) center top no-repeat;  background-size: cover; }
.contact .left { width: 40%; float: left; }
.contact .left ul li { height: 30px; line-height: 30px; }
.contact .right { width: 55%; float: right; padding-right: 20px; }
.contact .right .send-mail input { width: 100%; height: 30px; line-height: 50px; font-size: 18px; color: #888; border-radius: 5px; border: 1px solid #e7e7e7; background: #f4f4f4; margin: 10px 0px; padding: 10px; }
.contact .right .send-mail textarea { font-size: 18px; color: #888; border-radius: 5px; border: 1px solid #e7e7e7; background: #f4f4f4; width: 100%; height: 200px; padding: 10px; }
.contact .right .send-mail input:focus , .contact .right .send-mail textarea:focus { background: #FFF; outline-style: none; }
.contact .right .send-mail .message { margin-top: 10px; }
.contact .right .send-mail button { padding: 15px 40px; margin: 0 5px; min-width: 370px; background: #383838; color: #FFF; border: 0px; border-radius: 5px; margin: 0; font-size: 18px; letter-spacing: 10px; margin-top: 20px; }
.contact .right .send-mail button:hover { cursor: pointer; background: #444; }
.contact .content { padding: 50px 0px; }
.contact .google-map { padding: 10px; border: 1px solid #DDD; border-radius: 5px; }


.blog .blog-banner { background: url(../images/blog-bg.jpg) center center no-repeat; background-size: cover; padding: 40px 0px; height: auto; }
.blog .blog-banner h1 { color: #FFF; font-weight: 100; text-shadow: 0px 0px 5px #000; }
.blog { line-height: 2em; color: #333; }
.blog .blog-main h1 { font-weight: 500;
		line-height: 1.5; }
.blog .blog-main { float: left; width: 65%; margin-top: 50px; }
.blog .blog-main img {
	max-width: 100%;
	height: auto;
}
.blog .blog-main .item,.single .blog-main .item-single { border-bottom: 1px solid #E7E7E7; margin: 0px 0px 50px; padding-bottom: 20px; }
.blog .blog-main .item img { width: 200px; float: left; padding-right: 20px; }
.blog .blog-main .item .info span,.single .blog-main .item-single .info span { margin-right: 20px; color: #666; }
.blog .blog-main .item .info span a,.single .blog-main .item-single .info span a { color: #666; }

.blog .blog-sidebar { float: right; width: 30%; margin-top: 50px; }
.blog .blog-sidebar .sidebar-box { margin-bottom: 50px; }
.blog .blog-sidebar .sidebar-box h3 { font-weight: 500; font-size: 18px; }
.blog .blog-sidebar .sidebar-box li { border-bottom: 1px dashed #E1E1E1; padding: 10px 0px; }

.page .content { padding: 50px 0px; }


/**
 * 8.0 Alignments
 */

.single .blog-main .item-single img { max-width: 100%; width: auto; height: auto; padding: 0; }

.single .alignleft {
  display: inline;
  float: left;
}

.single .alignright {
  display: inline;
  float: right;
}

.single .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.sale { background-color: #fbfbfb; color: #555; padding: 15px; margin-bottom: 20px; border: 1px solid #e8e8e8; border-radius: 4px; }
.sale ul { margin-bottom: 20px; }
.sale ul h4 ,.sale h4 { margin: 0px 0px 10px; padding: 0px; font-size: 20px; font-weight: normal; }
.sale ul li i { margin-right: 10px;  }
.sale ul.inside li { list-style: inside; }
.sale ul.square li { list-style: square; margin-left: 17px; }
.sale a { color: #555; }

.c1 { background-color: #d9edf7; color: #3a87ad; border-color: #bce8f1; }
.c1 a { color: #3a87ad; }

.c2 { background-color: #fcf8e3; color: #c09853; border-color: #fbeed5; }
.c2 a { color: #c09853; }

.c3 { background-color: #f2dede; color: #b94a48; border-color: #eed3d7; }
.c3 a { color: #b94a48; }

.c4 { background-color: #E9F6DF; color: #6CB136; border-color: #D7E7CB; }
.c4 a { color: #6CB136; }

/*DIY*/
.diy .items .conf { float: left; width: 70%; }
.diy .items .conf .slider-box { margin-bottom: 10px; border: none; background: none; padding: 0px 0px; width: 65%; margin-top: 5px; }
.diy .items .conf .slider .ui-slider-range { background: #FFF; }
.diy .items .conf .slider-gourp { margin-bottom: 20px; }
.diy .items .conf .slider-gourp span.name { position: relative; float: left; width: 15%; margin-right: 1em;display: block; text-align: center; line-height: 24px; color: #FFF; }
.diy .items .conf .slider-gourp span.value { width: 15%; position: relative; float: right; display: block; border: 1px solid #dddddd; background: #FFF; text-align: center; border-radius: 3px; line-height: 24px; overflow: hidden; }
.diy .items .conf .slider-gourp label { display: inline-block; border: 1px solid #dddddd; background: #FFF; border-radius: 3px; padding: 5px 15px; cursor: pointer; overflow: hidden; position: relative; }
.diy .items .conf .slider-gourp label.cu { background: #1FAAE5; color: #FFF; }
.diy .items .conf .slider-gourp label input { width: 0px; height: 0px; position: absolute; left: -10000px; opacity: 0; }

.diy .buy-box { width: 25%; float: right; margin-top: 50px; }
.diy .buy-box button { display: block; background: #71bb63; color: #FFF; padding: 5px 20px; border-radius: 3px; border: none; width: 100%; text-align: center; padding: 10px; }

.footer { background: #333; color: #FFF; padding: 50px 0px; z-index: 9; position: relative; }
.footer h3 { margin-top: 0; font-weight: 100; font-size: 18px; color: #FFF; }
.footer .about , .footer .blog , .footer .follow , .footer .contact { float: left; width: 32%; margin-right: 1%; }
.footer li { padding-right: 50px; }
.footer li p { color: #b8b8b8; line-height: 2em; }
.footer li a { color: #b8b8b8; display: block; padding: 10px 0px; }
.footer li a:hover { color: #FFF; }
.footer .follow li { color: #999; }
.footer .contact { margin-right: 0px; }
.footer .contact li { padding: 0px; color: #999; margin-bottom: 10px; position: relative; margin-right: -25px; }
.footer .contact li i { margin-right: 5px; font-size: 14px; }
.footer .contact li a { display: initial; }
.footer .contact li iframe { position: absolute; }

.footer .blog li { clear: both; }
.footer .blog li i { color: #FFF; font-size: 14px; margin-right: 13px;  }

.footer .f-ico { text-align: center; text-indent: -50px; margin-top: 50px; border-top: 1px solid #555; padding-top: 50px;  }
.footer .f-ico img { margin: 0px 5px;  filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }
.footer .f-ico img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }

.footer-b { background: #151515; color: #868686; padding: 15px 0px; }
.footer-b .l { float: left; }
.footer-b .r { float: right; }
.footer-b .r a { margin-left: 10px; }
.footer-b a { color: #868686; margin-right: 10px; }
.footer-b a:hover { color: #EFEFEF; }

.paginate { margin-bottom: 20px; }
.paginate a,.dots { display: inline-block; border: 1px solid #CCC; border-radius: 3px; padding: 5px 10px; background: #FFF; }
.paginate a:hover { border-color: #00A7EB; }
.paginate .current { border: 1px solid #00A7EB; color: #00A7EB; padding: 5px 10px; border-radius: 3px; line-height: 2em; display: inline-block; }

.contact-qq a {
	display: block;
	background: #2aa9df;
    text-transform: none;
    font-size: 20px;
    border-radius: 5px;
    padding: 14px 0;
    color: #FFF;
	margin: 20px auto;
	text-align: center;
}
.contact-qq a:hover { background: #1c91c3; }

#footer-page {
	display: inline;
}
.server .server-list .items table tbody tr td:first-child {
	text-align: left;
}
.server-list .items td img {
	vertical-align: middle;
	width: 40px;
	margin: 0 1em;
}
#softlist {
	background-color: #f6f6f6;
}
#softlist .container {
	padding: 20px 0 30px 0;
	text-align: center;
	width: 96%;
}
#softlist .container h2 {
	font-size: 26px;
}
#softlist li {
	width: 11.11111111111%;
	float: left;
}
#softlist li .inner {
	padding: 10px;
	border: 2px solid #eeeeee;
	border-radius: 4px;
	margin: 10px;
	height: 80px;
	background-color: #ffffff;
}
#softlist li img {
	max-width: 50px;
	display: block;
	margin: 0 auto 5px auto;
}
#softlist li p {
	color: #666666;
	margin: 0;
	text-align: center;
}

#hostplans {
	margin-bottom: 50px;
}
#hostplans .items > ul > li {
	float: left;
	width: 16.6666666666%;
	
}
#hostplans .items li:nth-child(2) li.name {
	border-top-left-radius: 8px;
}
#hostplans .items li:last-child li.name {
	border-top-right-radius: 8px;
}
#hostplans .items li:first-child li.name:first-child,
#hostplans .items li:first-child li.price:nth-child(2) {
	visibility: hidden;
}

#hostplans .items >ul > li:nth-child(4) {
	opacity: .9;
}

#hostplans .items li li:not([class]) {
	height: 50px;
	line-height: 50px;
	border-bottom: 1px solid #eee;
}
#hostplans .items li li:last-child {
	height: 80px;
	line-height: 80px;
	border: 0;
}
#hostplans .items li .desc {
	display: inline;
	position: relative;
}
#hostplans .items li .desc .fa-question-circle {
    color: #03b2e2;
    text-indent: 0;
	margin-left: 5px;
	position: relative;
	top: -2px;
}
#hostplans .items li .desc span  {
	display: none;
	font-size: 12px;
	padding: 15px;
	border: 1px solid #ff6600;
	border-radius: 4px;
	position: absolute;
	top: -3em;
	left: 4em;
	z-index: 9;
	text-indent: 0;
	background-color: #ffffff;
	line-height: 1.65;
	width: 150px;
}
#hostplans .items li .desc:hover span {
	display: block;
}
#hostplans .items li li:nth-child(odd) {
	background-color: #f9f9f9;
}
#hostplans .items .fa-check {
    color: #79d156;
}
#hostplans .items .fa-server {
	font-size: 60px;
    color: #03b2e2;
	display: block;
	margin-bottom: 10px;
}
#hostplans .items ul li li.name {
	padding: 20px 0;
	background-color: #19242f;
}
#hostplans .items .name strong {
	color: #ffffff;
	font-size: 24px;
}
#hostplans .items ul li li.price {
	padding: 20px 0;
	color: #ffffff;
	background-color: #03b2e2;
}
#hostplans .items .price strong {
	font-size: 18px;
	margin-bottom: 10px;
}
#hostplans .items .price strong, #hostplans .items .price span {
	display: block;
}
#hostplans .items li {
	text-align: center;
}
#hostplans .items > ul > li:first-child li {
	text-align: left;
	text-indent: 2em;
}
#hostplans .items li .buy {
	background-color: #79d156;
    border-radius: 50px;
    padding: 7px 20px;
    color: #fff;
    border: 2px solid #79d156;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 10px auto;
}
#hostplans .items li .buy:hover {
	border: 2px solid #fff;
	color: #fff;
}
#hostplans .items li .buy .fa-cart-plus {
	margin-right: 5px;
}

/* QQ List */
#kefu {
	padding: 2px;
	background-color: #062846;
	position: fixed;
	top: 50%;
	right: -152px;
	z-index: 999999;
	margin-top: -179px;
	height: 160px;
}
#kefutitle {
	width: 40px;
	height: 161px;
	text-indent: -9999px;
	overflow: hidden;
	float: left;
	background: url(../images/qqbg.png) 0px top no-repeat;
}
#qqlist {
	float: right;
	width: 150px;
	overflow: hidden;
	background-color: #ffffff;
}
#qqlist h3 {
	font-weight: normal;
	font-size: 16px;
	margin: 10px 0 0 10px;
}
#qqlist h3.tel {
	text-indent: -9999px;
	overflow: hidden;
	height: 26px;
	background: url(../images/kefubg.gif) left top no-repeat;
}
#qqlist ul {
	margin: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #cecece;
}
#qqlist ul.tel {
	margin-top: 5px;
}
#qqlist ul.tel p {
	font-size: 18px;
	font-weight: bold;
	font-family: "Microsoft YaHei", "微软雅黑", "SimHei", "黑体";
	font-style: italic;
	margin: 0;
	color: #ff0000;
}
#qqlist li {
	font-size: 14px;
	height: 26px;
	line-height: 26px;
}
#qqlist li img {
	margin-right: .5em;
}
#gongdanlink a,
#helplink a {
	border-radius: 16px;
	display: block;
	text-align: center;
	font-size: 14px;
	width: 120px;
	height: 32px;
	line-height: 32px;
	margin: 10px auto;
	background-color: #79d156;
	color: #ffffff;
}
#gongdanlink a:hover,
#helplink a:hover {
	opacity: .8;
}
#gongdanlink a .fa,
#helplink a .fa {
	margin-right: 5px;
}

@media screen and (max-width: 1200px) {
	.footer .container,
	.index-agent .container,
	.domain-reg .container,
	.index-agent .container,
	.softaculous .container,
	.vhost-item .container,
	.specs .container,
	.vps-item .container,
	.advantage .container,
	.server .container,
	.promobox .container {
		width: 96%;
	}
	.about .content, .data .content,
	.contact .content,
	.blog .container {
		width: 96%;
		margin: 0 auto;
	}
	.head .nav ul li a {
		padding: 0 15px;
	}
	/*
	.vhost .select-box .items .item {
		width: 48%;
		margin: 0;
		margin-left: 4%;
		margin-bottom: 20px;
		box-sizing: border-box;
	}
	.vhost .select-box .items .item-1,
	.vhost .select-box .items .item-3,
	.vhost .select-box .items .item-5 {
		margin-left: 0;
	}
	*/
}

@media screen and (max-width: 1150px) {
	.head .container,
	.index-host .container {
		width: 96%;
	}
	.vps .advantage .item {
		height: 290px;
	}
	.server .advantage {
		margin-top: 0;
	}
	.server .advantage h2 {
		margin-bottom: 20px;
	}
	.server .advantage .item {
		height: 200px;
	}
}
@media screen and (max-width: 1023px) {
	body > .head {
		position: relative;
		padding: 0;
		height: 55px;
	}
	.head .container {
		width: 100%;
	}
	.head hr.c {
		display: none;
	}
	.head .nav-box {
		padding: 0;
	}
	.head .logo img {
		width: auto;
		height: 40px;
		position: absolute;
		left: 10px;
		top: 8px;
	}
	.head .mnav {
		border: 1px solid #999999;
		border-radius: 4px;
		width: 40px;
		height: 32px;
		position: absolute;
		left: 50%;
		top: 11px;
		margin-left: -21px;
	}
	.head .mnav span {
		margin: 7px auto 0 auto;
		display: block;
		width: 28px;
		border-radius: 1px;
		border: 1px solid #999999;
	}
	.head .user {
		position: absolute;
		right: 10px;
		top: 3px;
	}
	.head .nav {
		display: none;
		opacity: .9;
		width: 100%;
		float: none;
		margin: 0;
		position: absolute;
		left: 0;
		top: 55px;
		z-index: 9999;
		background: #fff;
		border-top: 1px solid #ececec;
		
	}
	.head .nav ul {
		float: none;
	}
	.head .nav ul li {
		float: none;
		text-align: center;
		height: 32px;
		line-height: 32px;
	}
	.head .nav ul li a i {
		display: none!important;
	}
	.dropdown-box {
		width: 100%;
		position: absolute;
		top: 265px;
		z-index: 9999;
		background-color: #fff;
		opacity: .95;
	}
	.dropdown-box .dropdown-nav {
		padding: 20px 0;
	}
	.dropdown-box .dropdown-nav {
		text-indent: 0;
	}
	
	.dropdown-box .dropdown-nav ul {
		width: 100%;
	}
	.dropdown-box .dropdown-nav li {
		display: block;
		padding: 0;
		height: 30px;
		line-height: 30px;
		width: 100%;
		text-align: center;
	}
	.dropdown-box .dropdown-nav li a {
		background: none;
		padding: 0;
		width: auto;
	}
	.specs {
		padding: 10px 0 0 0;
	}
	.specs .item {
		width: 300px;
		float: none;
		margin: 0 auto;
		padding-bottom: 20px;
	}
	.vps .advantage .item {
		height: 310px;
	}
	#softlist li {
		width: 16.666666666%;
	}
}
@media screen and (max-width: 960px) {
	.index-host .item {
		width: 50%;
		margin-bottom: 20px;
	}
	.index-host .item-3 .pricing-col {
		margin-left: 0;
	}
	.index-agent .btn-explore .btn {
		padding-left: 50px;
		padding-right: 50px;
	}
	.footer .blog {
		display: none;
	}
	.footer .about, .footer .blog, .footer .follow, .footer .contact {
		width: 32%;
	}
	.softaculous, .transfer {
		display: none;
	}
	.vps .vps-item .vps-box .configure .icon-1, 
	.vps .vps-item .vps-box .configure .icon-2, 
	.vps .vps-item .vps-box .configure .icon-3, 
	.vps .vps-item .vps-box .configure .icon-4, 
	.vps .vps-item .vps-box .configure .icon-5 {
		background: #fff;
		padding: 30px 2.5%;
	}
	.vps .vps-item .vps-box .price-box .price em {
		font-size: 36px;
	}
	.vps .advantage .item {
		height: 330px;
	}
	
	.server .advantage .item {
		height: 220px;
	}
	.server .advantage .item i {
		left: 0;
		width: 90px;
	}
	.about .staff-list .six {
		width: 100%;
		float: none;
	}
	.data .item .dataSlide {width: 35%;}
	.data .item .text {width: 63%; }
	.blog-main h1 {
		line-height: 1.5;
		font-size: 18px;
	}
	#hostplans {
		margin-bottom: 0;
		padding: 20px 0;
	}
	#hostplans .items > ul > li {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#hostplans .items > ul > li:first-child {
		display: none;
	}
	#hostplans .items ul li li.name {
		padding: 10px 0;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
	}
	#hostplans .items .name strong {
		color: #ffffff;
		font-size: 18px;
	}
	#hostplans .items ul li li.price {
		padding: 10px 0;
	}
	#hostplans .items .fa-server {
		font-size: 48px;
		margin-bottom: 5px;
	}
	#hostplans .items li li:not([class]) {
		height: 36px;
		line-height: 36px;
	}
	#hostplans .items li li:last-child {
		height: 60px;
		line-height: 60px;
	}
	#hostplans .items .price strong {
		margin-bottom: 5px;
	}
}
@media screen and (max-width: 920px) {
	.index-product .item {
		width: 100%;
		margin-bottom: 50px;
		margin-left: 0;
	}
	.footer-b .l {
		display: none;
	}
	.footer-b .r {
		float: none;
		text-align: center;
		width: 100%;
	}
	.data .safe .item {
		width: 100%;
		float: none;
		margin-top: 20px;
	}
}
@media screen and (max-width: 800px) {
	
	.domain-reg .input-box {
		width: 100%;
	}
	.vps .advantage .item {
		height: 350px;
	}
}
@media screen and (max-width: 768px) {
	.notice {
		display: none;
	}
	.index-product {
		margin: 20px 0 0 0;
	}
	.index-host {
		margin: 20px 0;
	}
	.domain-reg {
		padding: 50px 0;
	}
	.footer .about {
		display: none;
	}
	.footer .about, .footer .blog, .footer .follow, .footer .contact {
		width: 48%;
	}
	.vhost .vhost-item {
		margin-top: 20px;
	}
	.vhost .select-box .items .item {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	.vhost .select-box .items {
		margin-top: 20px;
	}
	.vps .advantage .item {
		width: 48%;
		height: 320px;
		margin-left: 2%;
	}
	.vps .advantage .item-1,
	.vps .advantage .item-3,
	.vps .advantage .item-5,
	.vps .advantage .item-7	{
		margin-left: 0;
	}
	.vps .advantage .item-9 {
		display: none;
	}
	.vps .vps-item .slider-row .buy-box a span {
		display: none;
	}
	.select-box .hd .title {
		display: none;
	}
	.vps .select-box .items,
	.vps .vps-item {
		margin-top: 20px;
	}
	.vps .vps-item .vps-box .price-box .price em {
		font-size: 24px;
	}
	
	.vps .vps-item .vps-box .configure {
		width: 100%;
	}
	.vps .vps-item .vps-box .row2 {
		position: relative;
	}
	.vps .vps-item .vps-box .price-box {
		float: none;
		margin-left: 4%;
		width: 48%;
		padding: 18px 0;
		position: absolute;
		top: 293px;
		right: 0;
	}
	.vps .vps-item .vps-box .price-box .title {
		margin-bottom: 5px;
	}
	.vps .vps-item .vps-box .price-box .per-month {
		margin-top: 6px;
	}
	.vps .vps-item .slider-row {
		margin-bottom: 20px;
	}
	.vps .advantage,
	.vps .vps-item .vps-box .info {
		margin-top: 20px;
	}
	.server .select-box .items {
		margin-top: 20px;
		overflow-x: scroll; 
	}
	.about .server-list {
		overflow-x: scroll;
	}
	.server .items table,
	.about .server-list table {
		min-width: 766px;
	}
	.server .server-list {
		padding: 20px 0 0 0;
	}
	.slogan {
		margin-bottom: 30px;
	}
	
	.server .advantage .item {
		width: 100%;
		float: none;
		height: auto;
		margin-left: 0;
		padding: 20px 40px 20px 14%;
	}
	.server .advantage .item i {
		top: 35px;
	}
	.diy .items .conf {
		width: 100%;
		float: none;
	}
	.diy .vps-item .vps-box .price-box {
		float: none;
		margin-left: 0;
		padding: 10px;
		box-sizing: border-box;
		width: 100%;
		text-align: center;
		position: static;
		height: auto;
	}
	.diy .buy-box {
		width: auto;
		float: none;
		margin-top: 10px;
	}
	.diy .buy-box button {
		padding: 10px 20px;
		width: auto;
	}
	.about .content,
	.contact .content {
		padding: 20px 0;
	}
	.contact .left {
		float: none;
		width: 100%;
		
	}
	.contact .right {
		float: none;
		width: 100%;
		padding: 0;
	}
	.contact .right .send-mail input,
	.contact .right .send-mail textarea,
	.contact .right .send-mail button {
		box-sizing:border-box;
	}
	.contact .right .send-mail button {
		width: 100%;
		min-width: auto;
	}
	.contact-qq a {
		margin: 0;
	}
	.blog {
		width: 100%;
	}
	.blog .blog-main,
	.blog .blog-sidebar {
		float: none;
		width: 96%;
		margin: 20px auto 0 auto;
	}
	#softlist .container h2 {
		font-size: 24px;
	}
	
}
@media screen and (max-width: 640px) {
	.head .user .r span {
		display: none;
	}
	.fullSlide .prev, .fullSlide .next { 
		width: 36px;
		height: 36px;
		line-height: 33px;
		margin-top: -18px;
	}
	.fullSlide .prev {
		text-indent: 5px;
	}
	.fullSlide .next {
		text-indent: 7px;
	}
	.index-host .item {
		width: 100%;
		margin-bottom: 20px;
	}
	.index-host .item .pricing-col {
		margin-left: 0;
	}
	.index-agent .dsc {
		font-size: 16px;
	}
	.promobox h3, .promobox h4 {
		font-size: 24px;
	}
	.footer .f-ico {
		display: none;
	}
	#footer-page {
		display: block;
		margin-top: 6px;
	}
	.banner h1 {
		padding-top: 55px;
		font-size: 24px;
	}
	.banner h2 {
		font-size: 16px;
	}
	.vhost .vhost-item {
		padding: 0;
	}
	.vhost .select-box .hd .title {
		display: none;
	}
	.vps .advantage .item {
		float: none;
		width: 100%;
		height: auto;
		padding: 30px 10px;
		margin: 0 0 20px 0;
	}
	.vps .advantage .item-9 {
		display: block;
	}
	.server .advantage .item {
		padding: 20px 20px 20px 64px;
	}
	.server .advantage .item i {
		left: 3px;
		width: 50px;
		height: 48px;
		background-size: 50px auto;
	}
	.server .advantage .item .icon-one {
		height: 42px;
		background-position: left 0;
	}
	.server .advantage .item .icon-two {
		background-position: left -42px;
	}
	.server .advantage .item .icon-three {
		height: 42px;
		background-position: left -95px;
	}
	.server .advantage .item .icon-four {
		background-position: left -130px;
	}
	.server .advantage .item .icon-five {
		background-position: left -178px;
	}
	.server .advantage .item .icon-six {
		background-position: left -225px;
	}
	
	.data .item .dataSlide {width: 100%; float:none; margin: 0;}
	.data .item .text {width: 100%; float:none;}
	
	.data .safe .item {background:none;padding: 0;margin-top:20px;height: auto;}
	.about .content, .data .content {
		padding-top: 20px;
	}
	.data .safe {
		margin-top: 0;
	}
	.blog .blog-main .item img {
		float: 0;
		width: 100%;
		height: auto;
		margin: 0 0 1em 0;
	}
	.blog .blog-main .item, .single .blog-main .item-single {
		padding: 0;
		margin-bottom: 20px;
	}
	.diy .vps-item .items {
		padding: 20px;
	}
	.vps .vps-item {
		margin: 20px 0;
	}
	.advantage h2 {
		margin-bottom: 20px;
	}
	#kefu {
		display: none!important;
	}
	.sla h3 {
		font-size: 18px;
	}
	.sla p {
		font-size: 14px;
	}
	#softlist li {
		width: 25%;
	}
	#softlist .container h2 {
		font-size: 18px;
	}
}
@media screen and (max-width: 480px) {
	.head .user .l {
		padding: 5px 10px;
	}
	.head .user .r {
		margin-right: 5px;
	}
	
	.head .logo img {
		height: 36px;
		top: 10px;
	}
	.head .mnav {
		width: 36px;
		height: 30px;
		position: absolute;
		left: 50%;
		top: 11px;
		margin-left: 0;
	}
	.head .mnav span {
		margin: 6px auto 0 auto;
		display: block;
		width: 28px;
		border-radius: 1px;
		border: 1px solid #999999;
	}
	.index-product .item {
		padding: 5px 0 0 0;
	}
	.index-product .item .btn-explore {
		top: 11px;
	}
	.index-product .item p strong {
		margin-top: 1em;
	}
	.index-host .title-top a.btn {
		border-radius: 15px;
		padding: 14px 15px;
	}
	.promobox h3, .promobox h4 {
		font-size: 16px;
	}
	.domain-reg {
		padding: 50px 0 20px 0;
	}
	.domain-reg button span {
		display: none;
	}
	.domain-reg input {
		width: 50%;
		text-indent: 10px;
		border-radius: 15px 0px 0px 15px;
	}
	.domain-reg button {
		border-radius: 0px 15px 15px 0px;
	}
	.domain-reg .hz-btn {
		width: 30%;
	}
	.why-box .container {
		width: 96%;
	}
	.index-agent .dsc {
		float: none;
		width: auto;
		padding-top: 15px;
		text-align: center;
	}
	.index-agent .container .btn-explore {
		float: none;
		top: 0;
		width: 100%;
	}
	.index-agent .btn-explore .btn {
		margin: 0 auto;
		height: 42px;
		line-height: 42px;
		
	}
	.footer {
		padding: 15px 0;
	}
	.footer .about, .footer .blog, .footer .follow, .footer .contact {
		width: 100%;
		float: none;
		
	}
	.footer .follow {
		display: none;
	}
	.footer .contact {
		width: 280px;
		margin: 0 auto;
	}
	.footer li {
		padding: 0;
	}
	.footer .contact li {
		margin: 0;
	}
	.footer-b .r {
		font-size: 12px;
	}
	
	.vhost .select-box .hd ul li {
		width: 30%;
		margin-bottom: 10px;
	}
	.about .content .logo {
		float: none;
		margin: 0;
	}
	.about .content img {
		display: block;
		margin: 0 auto;
	}
	.banner-nav {
		padding: 0;
	}
	.banner-nav ul li a {
		letter-spacing: 0;
		margin: 1em 0;
		display: block;
	}
	.blog .blog-main .info .cat {
		display: none;
	}
	.sla {
		padding: 20px;
	}
	.diy .items .conf .slider-box {
		width: 60%;
	}
	.about .staff-list .six .staff-thumb {
		float: none;
		margin: 10px auto;
	}
	.about .staff-list .six .staff-thumb img {
		width: 100px;
		height: 100px;
		border-radius: 50%;
	}
	.about .staff-list .six .staff-content {
		margin-left: 0;
	}
	.about .staff-list .six h6 {
		text-align: center;
	}
	#softlist li {
		width: 50%;
	}
}
#foot{
	width: 100%;
	height: 590px;
	margin: 0px;
	padding: 0px;
	border:0px;
}
#header{
	width: 100%;
	height: 125px;
	margin: 0px;
	padding: 0px;
	border:0px;
}